import { defineConfig, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig(({ command, mode }) => {
    // 获取当前工作目录
    const root = process.cwd();
    // 获取环境变量
    const env = loadEnv(mode, root);
    console.log(env);
    return {
        plugins: [vue()],
        server: {
            proxy: {
                // api是自行设置的请求前缀，任何请求路径以/api开头的请求将被代理到对应的target目标
                [env.VITE_APP_BASE_API]: {
                    target: 'http://www.test.com', //目标域名
                    changeOrigin: true, //需要代理跨域
                    rewrite: (path) => path.replace(/^\/api/, ''), //路径重写，把'/api'替换为''
                },
                // http://localhost:5173/api/login ===> http://www.test.com/login
                // http://localhost:5173/api/search ===> http://www.test.com/serach
            },
        },
        build: {
            rollupOptions: {
                // 配置多页面
                input: {
                    index: './public/index.html',
                    about: './public/about.html',
                    contact: './public/contact.html',
                },
                output: {},
            },
        },
    };
});
// Vite配置Proxy代理解决跨域问题
